<!-- 轮播图总页面 -->
<template>
    <div class="slide-wrapper">
        <WrapperLeft @book-id="getBookId" :specialId="specialId"></WrapperLeft>
        <WrapperRight :bookInfo="bookInfo"></WrapperRight>
    </div>
</template>

<script lang="ts">
import { defineComponent } from 'vue';
import WrapperLeft from './wrapperLeft.vue';
import WrapperRight from './wrapperRight.vue';
export default defineComponent({
    components: { WrapperLeft, WrapperRight },
    data(){
        return {
            bookInfo:{
                value:0,
                infoArr:[]
            }
        }
    },
    methods:{
        getBookId(bookInfo:any){
            // console.log(bookInfo);
            this.bookInfo =bookInfo;
        }
    },
    props: {
        specialId:Number
    },

})
</script>

<style lang="scss" scoped>
.slide-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
}
</style>